<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>联系我们</title>
		<link rel="stylesheet" href="css/contact.css">
		<link rel="stylesheet" href="css/reset.css">
		<script src="./js/contact.js"></script>
		<script src="./js/jquery-3.4.1.js"></script>

	</head>

	<body>

		<div class="top" style="position: relative;">
			<header class="banxin" style="margin: 20px auto;">
				<a href="index.html"><img src="./images/images-index/key2.png"></a>
				<ul class="clearfix">
					<li><a href="index.html">首页</a></li>
					<li><a href="service.html">公司简介</a></li>
					<li>
						<a href="server.html">服务介绍</a>
						<div class="border"></div>
						<ul class="ul_box">
							<li><a href="server-jd.html">京东服务</a></li>
							<li><a href="server-tm.html">天猫服务</a></li>
							<li><a href="server-tb.html">淘宝服务</a></li>
						</ul>
					</li>
					<li><a href="case.html">客户案例</a></li>
					<li><a href="news.html">新闻动态</a></li>
					<li style="background-color: rgba(254, 118, 0, 1);"><a href="contact.html" style="">联系我们</a></li>
				</ul>
			</header>

		</div>
		<section>
			<div class="sectionBox banxin">
				<ul class="sectionone">
					<h1>联系我们</h1>
					<p>成为全球领先的电子商务产品服务提供商。存储、计算、监控、安全...你所需要的一切云产品，我们均能以业界领先的水平为你提供。通过互联网服</p>
					<p>务提升人类生活品质/使产品和服务像水和电一样源源不断融入人们的生活，为人们带来便捷和愉悦。</p>
				</ul>
				<ul class="sectiontwo">
					<li>
						<span class="span1"></span>
						<p>手机号码 : 17127405927（陈经理）</p>
					</li>
					<li>
						<span class="span2"></span>
						<p>公司地址：辽宁省沈阳市大东区滂江街18号 龙</p>
						<p>之梦大厦5205</p>
					</li>
					<li>
						<span class="span3"></span>
						<p>公司邮箱：114318423@qq.com</p>
					</li>
				</ul>
				<div id="container"></div>
			</div>
		</section>
		<footer class="footer">
			<p>©2020 辽宁宝尊科技服务有限公司 版权所有</p>
			<p>辽ICP备19004253号</p>
		</footer>
		<div class="fixedtool">
			<span>&gt;</span>
		</div>


		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=W6ibadbrwGRsFmdPibDOvxcuFVny0wTW">
			//v3.0版本的引用方式：src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"
		</script>
		<script type="text/javascript">
			var map = new BMap.Map("container", {
				// enableBizAuthLogo: true
			});
			// 创建地图实例  
			var obj = {
				lat: 123.49312,
				wat: 41.814411

			}
			var point = new BMap.Point(obj.lat, obj.wat);
			// 创建点坐标  
			map.centerAndZoom(point, 15);

			map.enableScrollWheelZoom(true)
			// 初始化地图，设置中心点坐标和地图级别


			window.setTimeout(function() {
				map.panTo(new BMap.Point(123.49312, 41.814411));
			}, 2000)


			// map.addControl(new BMap.NavigationControl());

			//添加地图控件
			map.addControl(new BMap.NavigationControl());
			map.addControl(new BMap.ScaleControl());
			map.addControl(new BMap.OverviewMapControl());
			map.addControl(new BMap.MapTypeControl());
			map.setCurrentCity("沈阳"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用 



			function addMarker(point, index) { // 创建图标对象   
				var myIcon = new BMap.Icon("markers.png", new BMap.Size(23, 25), {
					// 指定定位位置。   
					// 当标注显示在地图上时，其所指向的地理位置距离图标左上    
					// 角各偏移10像素和25像素。您可以看到在本例中该位置即是   
					// 图标中央下端的尖角位置。    
					anchor: new BMap.Size(10, 25),
					// 设置图片偏移。   
					// 当您需要从一幅较大的图片中截取某部分作为标注图标时，您   
					// 需要指定大图的偏移位置，此做法与css sprites技术类似。    
					imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移    
				});
				// 创建标注对象并添加到地图  
				// 创建标注对象并添加到地图   
				var marker = new BMap.Marker(point, {
					icon: myIcon
				});
				map.addOverlay(marker);
			}


			$(function() {
				//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
				$(function() {
					$(window).scroll(function() {
						if ($(window).scrollTop() > 100) {
							$(".fixedtool").fadeIn(1500);
						} else {
							$(".fixedtool").fadeOut(1500);
						}
					});

					//当点击跳转链接后，回到页面顶部位置
					$(".fixedtool").click(function() {
						//$('body,html').animate({scrollTop:0},1000);
						if ($('html').scrollTop()) {
							$('html').animate({
								scrollTop: 0
							}, 1000);
							return false;
						}
						$('body').animate({
							scrollTop: 0
						}, 1000);
						return false;
					});
				});
			});
		</script>





	</body>

</html>
